<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>头部文件</title>
<style>
body{
   margin:0;
   padding:0;
     }
    .hread{
    width:100%;
    height:60px;
    border-bottom: 1px solid #bdbdbd;
    position:fixed;
    top: 0;
    background-color: white;
    z-index: 100;
    }
    .hread-content{
  width:92%;
  height:100%;
  margin:0 auto;
    }
.hread-left{
    width:70%;
    height:98%;
    display: inline-block;
    position: relative;
}
.hread-left ul{
    margin: 0;
    display: inline-block;
}
.hread-left ul li{
    display: inline-block;
list-style: none;
line-height:50px;
margin-right: 20px;
}
.hread-left input{
    width:40%;
    height:40px;
   float:right;
   margin-top: 7px;
    display: inline-block;
}
.hread-left img{
    position: absolute;
    top:17px;
    right:5px;
}
.hread-right ul{
    margin: 0;
}

.hread-left ul li h2{
    margin:0;   
}
.hread-right{
 width:25%;
 height:100%;
 float: right;
 position: relative;

}
.hread-right .tb1{
    margin-top: 10px;
    margin-left: 10px;
}

.hread-right .tx{
width:50px;
height: 50px;
display: inline-block;
position: absolute;
top:5px;
right:10px;
}

.hread-right button{
width:55px;
height:30px;
float:right;
margin-top:18px;
background-color: turquoise;
border-radius:10px;

}
.hread-right button:hover{
 background-color: yellow;
 border:2px solid  yellow;
 }
#btn1{
margin-right:15px;
margin-left:13px;
}

</style>

<script>
function zx(){
	 return confirm("您确定要注销登录吗？");
}
</script>
</head>
<body>
    <!------头部-->
    <div class=hread>
        <div class=hread-content>
     <div class=hread-left>
     <ul>
         <li><h2>知乎</h2></li>
         <a href="index"><li>首页</li></a>
         <li>会员</li>
         <li>发现</li>
         <li>等你来答</li>
     </ul>
     <input type=text >
     <a href=""><img src="image/搜索.png" width=30px; height=30px;></a>
    </div>
    <div class=hread-right>
      <img src="image/通知.png" width=40px; height=40px; class=tb1>
      <img src="image/信息.png" width=40px; height=40px; class=tb1>
     <a href="NoSession.do" onclick="return zx()"><button >注销</button></a> <a href="sign.jsp"><button id=btn1>注册</button></a> <a href="login.jsp"><button >登录</button></a>   
       </div>
  </div>
    </div>

</body>
</html>